"use client";

import Link from "next/link";
import { AnimatePresence, motion } from "framer-motion";
import { gradient } from "@/components/Gradient";
import { useEffect } from "react";

export default function Home() {
  useEffect(() => {
    gradient.initGradient("#gradient-canvas");
  }, []);

  return (
    <AnimatePresence>
      <div className="min-h-[100vh] sm:min-h-screen w-screen flex flex-col relative bg-[#F2F3F5] font-inter overflow-hidden">
        <svg
          style={{ filter: "contrast(125%) brightness(110%)" }}
          className="fixed z-[1] w-full h-full opacity-[35%]"
        >
          <filter id="noise">
            <feTurbulence
              type="fractalNoise"
              baseFrequency=".7"
              numOctaves="3"
              stitchTiles="stitch"
            ></feTurbulence>
            <feColorMatrix type="saturate" values="0"></feColorMatrix>
          </filter>
          <rect width="100%" height="100%" filter="url(#noise)"></rect>
        </svg>
        <main className="flex flex-col justify-center h-[90%] static md:fixed w-screen overflow-hidden grid-rows-[1fr_repeat(3,auto)_1fr] z-[100] pt-[30px] pb-[320px] px-4 md:px-20 md:py-0">
          <motion.svg
            initial={{ opacity: 0, y: 40 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{
              delay: 0.15,
              duration: 0.95,
              ease: [0.165, 0.84, 0.44, 1],
            }}
            className="block w-[100px] row-start-2 mb-8 md:mb-6"
            viewBox="0 0 87 15"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M0.432617 14H9.31836V11.0469H4.15918V1.31738H0.432617V14ZM13.3771 14H17.1037V1.31738H13.3771V14ZM21.7689 14H25.4955V9.50879H30.1889V6.71387H25.4955V4.27051H30.6811V1.31738H21.7689V14ZM37.5875 14H41.3141V4.27051H44.8297V1.31738H34.0719V4.27051H37.5875V14ZM54.241 14.3428C55.5359 14.3428 56.6609 14.0732 57.616 13.5342C58.5711 12.9951 59.3094 12.2275 59.8309 11.2314C60.3582 10.2354 60.6219 9.0459 60.6219 7.66309V7.64551C60.6219 6.26855 60.3582 5.08203 59.8309 4.08594C59.3094 3.08984 58.5711 2.32227 57.616 1.7832C56.6609 1.24414 55.5359 0.974609 54.241 0.974609C52.952 0.974609 51.827 1.24414 50.866 1.7832C49.9109 2.31641 49.1697 3.08398 48.6424 4.08594C48.115 5.08203 47.8514 6.26855 47.8514 7.64551V7.66309C47.8514 9.0459 48.1121 10.2383 48.6336 11.2402C49.1609 12.2363 49.9021 13.0039 50.8572 13.543C51.8182 14.0762 52.9461 14.3428 54.241 14.3428ZM54.241 11.3018C53.7313 11.3018 53.2801 11.1553 52.8875 10.8623C52.5008 10.5635 52.1961 10.1416 51.9734 9.59668C51.7566 9.0459 51.6482 8.40137 51.6482 7.66309V7.64551C51.6482 6.90723 51.7566 6.26562 51.9734 5.7207C52.1961 5.17578 52.5008 4.75684 52.8875 4.46387C53.2801 4.16504 53.7313 4.01562 54.241 4.01562C54.7508 4.01562 55.199 4.16504 55.5857 4.46387C55.9783 4.75684 56.283 5.17578 56.4998 5.7207C56.7166 6.26562 56.825 6.90723 56.825 7.64551V7.66309C56.825 8.40137 56.7166 9.0459 56.4998 9.59668C56.283 10.1416 55.9783 10.5635 55.5857 10.8623C55.199 11.1553 54.7508 11.3018 54.241 11.3018ZM64.6631 14H68.3896V9.50879H73.083V6.71387H68.3896V4.27051H73.5752V1.31738H64.6631V14ZM77.6252 14H81.3518V9.50879H86.0451V6.71387H81.3518V4.27051H86.5373V1.31738H77.6252V14Z"
              fill="#1E2B3A"
            />
          </motion.svg>

          <motion.h1
            initial={{ opacity: 0, y: 40 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{
              delay: 0.15,
              duration: 0.95,
              ease: [0.165, 0.84, 0.44, 1],
            }}
            className="relative md:ml-[-10px] md:mb-[37px] font-extrabold text-[16vw] md:text-[130px] font-inter text-[#1E2B3A] leading-[0.9] tracking-[-2px] z-[100]"
          >
            Elevate your <br />
            tech <span className="text-[#407BBF]">interviews</span>
            <span className="font-inter text-[#407BBF]">.</span>
          </motion.h1>
          <motion.div
            initial={{ opacity: 0, y: 40 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{
              delay: 0.15,
              duration: 0.95,
              ease: [0.165, 0.84, 0.44, 1],
            }}
            className="flex flex-row justify-center z-20 mx-0 mb-0 mt-8 md:mt-0 md:mb-[35px] max-w-2xl md:space-x-8"
          >
            <div className="w-1/2">
              <h2 className="flex items-center font-semibold text-[1em] text-[#1a2b3b]">
                Platform
              </h2>
              <p className="text-[14px] leading-[20px] text-[#1a2b3b] font-normal">
                Full access to our platform, including all questions and
                solutions.
              </p>
            </div>
            <div className="w-1/2">
              <h2 className="flex items-center font-semibold text-[1em] text-[#1a2b3b]">
                Community
              </h2>
              <p className="text-[14px] leading-[20px] text-[#1a2b3b] font-normal">
                Join a community of like-minded individuals, and learn from each
                other.
              </p>
            </div>
          </motion.div>

          <div className="flex gap-[15px] mt-8 md:mt-0">
            <motion.div
              initial={{ opacity: 0, y: 40 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{
                delay: 0.55,
                duration: 0.55,
                ease: [0.075, 0.82, 0.965, 1],
              }}
            >
              <Link
                href="https://github.com/Tameyer41/liftoff"
                target="_blank"
                className="group rounded-full pl-[8px] min-w-[180px] pr-4 py-2 text-[13px] font-semibold transition-all flex items-center justify-center bg-[#1E2B3A] text-white hover:[linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), #0D2247] no-underline flex gap-x-2  active:scale-95 scale-100 duration-75"
                style={{
                  boxShadow:
                    "0px 1px 4px rgba(13, 34, 71, 0.17), inset 0px 0px 0px 1px #061530, inset 0px 0px 0px 2px rgba(255, 255, 255, 0.1)",
                }}
              >
                <span className="w-5 h-5 rounded-full bg-[#407BBF] flex items-center justify-center">
                  <svg
                    className="w-[16px] h-[16px] text-white"
                    fill="none"
                    viewBox="0 0 24 24"
                  >
                    <path
                      stroke="currentColor"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                      strokeWidth="2"
                      d="M4.75 7.75C4.75 6.64543 5.64543 5.75 6.75 5.75H17.25C18.3546 5.75 19.25 6.64543 19.25 7.75V16.25C19.25 17.3546 18.3546 18.25 17.25 18.25H6.75C5.64543 18.25 4.75 17.3546 4.75 16.25V7.75Z"
                    ></path>
                    <path
                      stroke="currentColor"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                      strokeWidth="2"
                      d="M5.5 6.5L12 12.25L18.5 6.5"
                    ></path>
                  </svg>
                </span>
                Star on Github
              </Link>
            </motion.div>
            <motion.div
              initial={{ opacity: 0, y: 40 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{
                delay: 0.65,
                duration: 0.55,
                ease: [0.075, 0.82, 0.965, 1],
              }}
            >
              <Link
                href="/demo"
                className="group rounded-full px-4 py-2 text-[13px] font-semibold transition-all flex items-center justify-center bg-[#f5f7f9] text-[#1E2B3A] no-underline active:scale-95 scale-100 duration-75"
                style={{
                  boxShadow: "0 1px 1px #0c192714, 0 1px 3px #0c192724",
                }}
              >
                <span className="mr-2"> Try it out </span>
                <svg
                  className="w-5 h-5"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M13.75 6.75L19.25 12L13.75 17.25"
                    stroke="#1E2B3A"
                    strokeWidth="1.5"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                  />
                  <path
                    d="M19 12H4.75"
                    stroke="#1E2B3A"
                    strokeWidth="1.5"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                  />
                </svg>
              </Link>
            </motion.div>
          </div>
        </main>

        <div
          className="fixed top-0 right-0 w-[80%] md:w-1/2 h-screen bg-[#1F2B3A]/20"
          style={{
            clipPath:
              "polygon(100px 0,100% 0,calc(100% + 225px) 100%, 480px 100%)",
          }}
        ></div>

        <motion.canvas
          initial={{
            filter: "blur(20px)",
          }}
          animate={{
            filter: "blur(0px)",
          }}
          transition={{
            duration: 1,
            ease: [0.075, 0.82, 0.965, 1],
          }}
          style={{
            clipPath:
              "polygon(100px 0,100% 0,calc(100% + 225px) 100%, 480px 100%)",
          }}
          id="gradient-canvas"
          data-transition-in
          className="z-50 fixed top-0 right-[-2px] w-[80%] md:w-1/2 h-screen bg-[#c3e4ff]"
        ></motion.canvas>
        <div className="h-[60px] bg-[#1D2B3A] fixed bottom-0 z-20 w-full flex flex-row items-center justify-evenly">
          <p className="text-white/80 text-base md:text-lg font-semibold md:leading-[60px] whitespace-nowrap flex flex-row">
            Interviews from
          </p>
          <svg
            className="w-[20px] opacity-80"
            viewBox="0 0 706 720"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_17_373)">
              <path
                d="M360 294.546V433.965H553.746C545.238 478.802 519.708 516.767 481.417 542.294L598.254 632.95C666.327 570.115 705.6 477.823 705.6 368.186C705.6 342.66 703.31 318.112 699.054 294.55L360 294.546Z"
                fill="white"
              />
              <path
                d="M158.245 428.523L131.894 448.694L38.6191 521.348C97.8557 638.839 219.266 720.004 359.992 720.004C457.191 720.004 538.681 687.931 598.246 632.95L481.41 542.294C449.337 563.894 408.427 576.987 359.992 576.987C266.392 576.987 186.867 513.823 158.392 428.731L158.245 428.523Z"
                fill="white"
              />
              <path
                d="M38.6195 198.656C14.0752 247.09 0.00390625 301.746 0.00390625 360C0.00390625 418.254 14.0752 472.91 38.6195 521.344C38.6195 521.669 158.404 428.398 158.404 428.398C151.204 406.798 146.948 383.89 146.948 359.996C146.948 336.102 151.204 313.194 158.404 291.594L38.6195 198.656Z"
                fill="white"
              />
              <path
                d="M360 143.346C413.019 143.346 460.146 161.673 497.782 197.019L600.873 93.929C538.363 35.6752 457.202 0 360 0C219.273 0 97.8557 80.8367 38.6191 198.656L158.4 291.602C186.871 206.51 266.4 143.346 360 143.346Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_17_373">
                <rect width="705.6" height="720" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[80px] text-white opacity-80"
            viewBox="0 0 593 120"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M217.753 4.16772H240.201L278.371 73.2007L316.54 4.16778H338.502V117.602H320.187V30.6631L286.718 90.8642H269.537L236.068 30.6631V117.602H217.753V4.16772Z"
              fill="white"
            />
            <path
              d="M397.578 119.628C389.095 119.628 381.64 117.751 375.211 113.997C368.781 110.242 363.77 105.043 360.178 98.3995C356.585 91.7552 354.788 84.1389 354.789 75.5506C354.789 66.8544 356.545 59.1571 360.057 52.4586C363.568 45.7615 368.444 40.5218 374.684 36.7393C380.925 32.9593 388.097 31.0688 396.2 31.0677C404.25 31.0677 411.179 32.9717 416.987 36.7797C422.794 40.5887 427.264 45.923 430.399 52.7825C433.532 59.643 435.099 67.6915 435.099 76.9279V81.9506H372.942C374.077 88.866 376.873 94.3083 381.33 98.2773C385.787 102.248 391.419 104.233 398.226 104.232C403.683 104.232 408.383 103.422 412.327 101.802C416.27 100.181 419.971 97.7237 423.43 94.429L433.154 106.339C423.483 115.199 411.624 119.629 397.578 119.628ZM410.95 52.3365C407.113 48.4209 402.089 46.4628 395.876 46.4621C389.825 46.4621 384.76 48.4609 380.681 52.4586C376.602 56.4559 374.022 61.8305 372.942 68.5824H417.514C416.973 61.6681 414.785 56.2528 410.95 52.3365Z"
              fill="white"
            />
            <path
              d="M457.306 48.0836H440.449V33.0939H457.306V8.30066H474.972V33.0939H500.581V48.0836H474.972V86.0836C474.972 92.403 476.053 96.9132 478.214 99.6143C480.374 102.316 484.075 103.667 489.316 103.665C491.638 103.665 493.61 103.571 495.232 103.382C496.853 103.194 498.636 102.937 500.581 102.612V117.439C498.361 118.081 496.1 118.569 493.814 118.898C491.198 119.283 488.557 119.473 485.912 119.465C466.84 119.465 457.305 109.04 457.306 88.1904V48.0836Z"
              fill="white"
            />
            <path
              d="M592.645 117.602H575.302V105.772C572.223 110.202 568.306 113.619 563.552 116.022C558.797 118.424 553.394 119.626 547.343 119.628C539.888 119.628 533.283 117.724 527.529 113.915C521.775 110.107 517.251 104.867 513.955 98.1967C510.659 91.5255 509.012 83.8957 509.012 75.3075C509.012 66.665 510.687 59.0215 514.037 52.3769C517.386 45.7336 522.018 40.5211 527.935 36.7393C533.85 32.9593 540.644 31.0688 548.316 31.0677C554.097 31.0677 559.283 32.1888 563.875 34.4308C568.406 36.6218 572.329 39.8907 575.302 43.9507V33.0938H592.645V117.602ZM574.978 62.6676C573.086 57.8601 570.101 54.0652 566.023 51.283C561.943 48.5015 557.229 47.1108 551.882 47.1108C544.317 47.1108 538.293 49.6495 533.81 54.7267C529.325 59.8044 527.083 66.6646 527.084 75.3074C527.084 84.0047 529.245 90.8918 533.567 95.9687C537.888 101.046 543.75 103.585 551.153 103.585C556.609 103.585 561.471 102.18 565.74 99.371C570.007 96.5637 573.086 92.7826 574.978 88.0278V62.6676Z"
              fill="white"
            />
            <path
              d="M129.261 0.333374C114.533 0.333374 103.021 11.4237 92.5991 25.5119C78.2777 7.28039 66.3006 0.333374 51.9676 0.333374C22.746 0.333374 0.356445 38.3554 0.356445 78.5996C0.356445 103.783 12.5422 119.667 32.953 119.667C47.6434 119.667 58.2087 112.742 76.9912 79.9164C76.9912 79.9164 84.8207 66.0926 90.2069 56.5702C92.0943 59.617 94.0822 62.9 96.1705 66.4194L104.978 81.2331C122.135 109.939 131.695 119.667 149.016 119.667C168.901 119.667 179.967 103.566 179.967 77.8589C179.967 35.7219 157.072 0.333374 129.261 0.333374ZM62.6685 71.0281C47.4403 94.8948 42.1722 100.244 33.6938 100.244C24.9685 100.244 19.7827 92.5856 19.7827 78.9288C19.7827 49.7127 34.3523 19.8382 51.7207 19.8382C61.1261 19.8382 68.986 25.2691 81.0253 42.5012C69.5934 60.0325 62.6685 71.0281 62.6685 71.0281ZM120.142 68.0235L109.611 50.4638C106.761 45.8299 104.022 41.5645 101.395 37.6677C110.886 23.0213 118.715 15.7233 128.026 15.7233C147.37 15.7233 162.845 44.1987 162.845 79.1757C162.845 92.5081 158.478 100.244 149.428 100.244C140.754 100.244 136.611 94.5169 120.142 68.0235Z"
              fill="white"
            />
          </svg>
          <svg
            className="w-[20px] opacity-80"
            viewBox="0 0 814 1000"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_471)">
              <path
                d="M788.1 340.9C782.3 345.4 679.9 403.1 679.9 531.4C679.9 679.8 810.2 732.3 814.1 733.6C813.5 736.8 793.4 805.5 745.4 875.5C702.6 937.1 657.9 998.6 589.9 998.6C521.9 998.6 504.4 959.1 425.9 959.1C349.4 959.1 322.2 999.9 260 999.9C197.8 999.9 154.4 942.9 104.5 872.9C46.7 790.7 0 663 0 541.8C0 347.4 126.4 244.3 250.8 244.3C316.9 244.3 372 287.7 413.5 287.7C453 287.7 514.6 241.7 589.8 241.7C618.3 241.7 720.7 244.3 788.1 340.9ZM554.1 159.4C585.2 122.5 607.2 71.3 607.2 20.1C607.2 13 606.6 5.8 605.3 0C554.7 1.9 494.5 33.7 458.2 75.8C429.7 108.2 403.1 159.4 403.1 211.3C403.1 219.1 404.4 226.9 405 229.4C408.2 230 413.4 230.7 418.6 230.7C464 230.7 521.1 200.3 554.1 159.4Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_471">
                <rect width="814" height="1000" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[70px] text-white opacity-80 mt-[6px]"
            viewBox="0 0 603 182"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_479)">
              <path
                d="M374.006 142.184C339.007 167.981 288.277 181.745 244.6 181.745C183.358 181.745 128.224 159.094 86.5125 121.42C83.2354 118.458 86.1717 114.42 90.1042 116.727C135.119 142.918 190.777 158.674 248.27 158.674C287.045 158.674 329.7 150.652 368.92 134.004C374.845 131.488 379.8 137.884 374.006 142.184Z"
                fill="white"
              />
              <path
                d="M388.557 125.536C384.1 119.821 358.984 122.836 347.711 124.173C344.277 124.593 343.752 121.604 346.846 119.454C366.849 105.376 399.673 109.439 403.5 114.158C407.328 118.903 402.504 151.806 383.707 167.51C380.823 169.921 378.07 168.637 379.355 165.438C383.576 154.899 393.04 131.278 388.557 125.536Z"
                fill="white"
              />
              <path
                d="M348.497 20.066V6.38079C348.497 4.30966 350.07 2.92017 351.958 2.92017H413.227C415.193 2.92017 416.766 4.33588 416.766 6.38079V18.0997C416.74 20.066 415.088 22.6352 412.152 26.6988L380.403 72.0278C392.201 71.7394 404.654 73.4959 415.35 79.5258C417.762 80.8891 418.418 82.8815 418.601 84.8478V99.4506C418.601 101.443 416.399 103.776 414.092 102.57C395.242 92.6866 370.205 91.6117 349.363 102.675C347.239 103.829 345.011 101.522 345.011 99.5293V85.6605C345.011 83.4321 345.037 79.6307 347.265 76.2487L384.047 23.5004H352.037C350.07 23.5004 348.497 22.1109 348.497 20.066Z"
                fill="white"
              />
              <path
                d="M124.999 105.454H106.359C104.576 105.323 103.16 103.986 103.029 102.282V6.61676C103.029 4.70293 104.628 3.18234 106.621 3.18234H124.003C125.812 3.26094 127.253 4.65048 127.385 6.38079V18.8862H127.725C132.261 6.80026 140.781 1.16364 152.264 1.16364C163.931 1.16364 171.219 6.80026 176.462 18.8862C180.972 6.80026 191.223 1.16364 202.207 1.16364C210.02 1.16364 218.567 4.38831 223.784 11.6242C229.683 19.6727 228.477 31.3654 228.477 41.6162L228.451 101.994C228.451 103.907 226.851 105.454 224.859 105.454H206.245C204.383 105.323 202.889 103.829 202.889 101.994V51.2903C202.889 47.2529 203.256 37.1856 202.365 33.3579C200.975 26.9348 196.807 25.1258 191.406 25.1258C186.897 25.1258 182.178 28.1408 180.264 32.9647C178.35 37.7886 178.534 45.8634 178.534 51.2903V101.994C178.534 103.907 176.934 105.454 174.942 105.454H156.328C154.44 105.323 152.972 103.829 152.972 101.994L152.946 51.2903C152.946 40.62 154.702 24.9161 141.463 24.9161C128.066 24.9161 128.591 40.2267 128.591 51.2903V101.994C128.591 103.907 126.991 105.454 124.999 105.454Z"
                fill="white"
              />
              <path
                d="M469.514 1.16364C497.173 1.16364 512.143 24.9161 512.143 55.1179C512.143 84.2973 495.6 107.447 469.514 107.447C442.354 107.447 427.567 83.6943 427.567 54.0955C427.567 24.3131 442.537 1.16364 469.514 1.16364ZM469.672 20.6952C455.934 20.6952 455.069 39.414 455.069 51.0805C455.069 62.7732 454.885 87.7317 469.514 87.7317C483.96 87.7317 484.641 67.5971 484.641 55.3276C484.641 47.2529 484.301 37.6051 481.862 29.9497C479.765 23.2907 475.597 20.6952 469.672 20.6952Z"
                fill="white"
              />
              <path
                d="M548.008 105.454H529.446C527.585 105.323 526.09 103.829 526.09 101.994L526.064 6.30214C526.222 4.54561 527.768 3.18234 529.656 3.18234H546.933C548.558 3.26094 549.895 4.3621 550.262 5.85646V20.4855H550.603C555.82 7.40325 563.135 1.16364 576.007 1.16364C584.37 1.16364 592.524 4.17858 597.767 12.4369C602.644 20.0922 602.644 32.9647 602.644 42.2192V102.439C602.434 104.117 600.887 105.454 599.052 105.454H580.359C578.655 105.323 577.239 104.065 577.056 102.439V50.4775C577.056 40.017 578.262 24.7064 565.389 24.7064C560.854 24.7064 556.685 27.7475 554.614 32.3617C551.993 38.2081 551.652 44.0282 551.652 50.4775V101.994C551.626 103.907 550 105.454 548.008 105.454Z"
                fill="white"
              />
              <path
                d="M299.655 59.7583V55.7209C286.18 55.7209 271.944 58.6047 271.944 74.4921C271.944 82.5407 276.113 87.9938 283.27 87.9938C288.513 87.9938 293.206 84.7692 296.169 79.5258C299.839 73.0764 299.655 67.0203 299.655 59.7583ZM318.453 105.192C317.221 106.293 315.438 106.372 314.049 105.638C307.861 100.499 306.76 98.1135 303.352 93.211C293.127 103.645 285.892 106.765 272.626 106.765C256.948 106.765 244.731 97.0911 244.731 77.7168C244.731 62.5897 252.937 52.2865 264.604 47.2529C274.723 42.796 288.854 42.0095 299.655 40.7773V38.3653C299.655 33.9347 299.996 28.6913 297.401 24.8637C295.12 21.4293 290.768 20.0135 286.94 20.0135C279.836 20.0135 273.491 23.6577 271.944 31.2081C271.63 32.886 270.397 34.5377 268.72 34.6163L250.63 32.6763C249.109 32.3355 247.432 31.1033 247.851 28.77C252.019 6.85271 271.813 0.246048 289.536 0.246048C298.607 0.246048 310.457 2.658 317.614 9.52681C326.685 17.9948 325.82 29.2943 325.82 41.59V70.6383C325.82 79.3685 329.438 83.1961 332.846 87.9152C334.052 89.5931 334.314 91.6118 332.794 92.8702C328.992 96.0424 322.228 101.941 318.505 105.245L318.453 105.192Z"
                fill="white"
              />
              <path
                d="M55.2882 59.7583V55.7209C41.8128 55.7209 27.577 58.6047 27.577 74.4921C27.577 82.5407 31.7455 87.9938 38.9027 87.9938C44.1461 87.9938 48.8389 84.7692 51.8014 79.5258C55.4717 73.0764 55.2882 67.0203 55.2882 59.7583ZM74.0857 105.192C72.8535 106.293 71.0708 106.372 69.6813 105.638C63.4941 100.499 62.393 98.1135 58.9848 93.211C48.7602 103.645 41.5244 106.765 28.2587 106.765C12.581 106.765 0.363953 97.0911 0.363953 77.7168C0.363953 62.5897 8.56982 52.2865 20.2363 47.2529C30.356 42.796 44.4869 42.0095 55.2882 40.7773V38.3653C55.2882 33.9347 55.6291 28.6913 53.0336 24.8637C50.7527 21.4293 46.4007 20.0135 42.5731 20.0135C35.4683 20.0135 29.1238 23.6577 27.577 31.2081C27.2624 32.886 26.0302 34.5377 24.3524 34.6163L6.26274 32.6763C4.74216 32.3355 3.06428 31.1033 3.48375 28.77C7.65223 6.85271 27.4459 0.246048 45.1685 0.246048C54.2396 0.246048 66.0896 2.658 73.2468 9.52681C82.3178 17.9948 81.4526 29.2943 81.4526 41.59V70.6383C81.4526 79.3685 85.0706 83.1961 88.4788 87.9152C89.6847 89.5931 89.9469 91.6118 88.4263 92.8702C84.6249 96.0424 77.8609 101.941 74.1381 105.245L74.0857 105.192Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_479">
                <rect width="603" height="182" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[80px] text-white opacity-80 hidden md:block"
            viewBox="0 0 55 15"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_488)">
              <path d="M5.99609 0H0V14.3398L5.99609 0Z" fill="white" />
              <path d="M10.2148 0H16.2031V14.3398L10.2148 0Z" fill="white" />
              <path
                d="M8.10547 5.28516L11.9219 14.3398H9.41797L8.27734 11.457H5.48438L8.10547 5.28516Z"
                fill="white"
              />
              <path
                d="M25.9853 9.11922L26.6923 11.1466C26.7158 11.1973 26.7509 11.2208 26.8134 11.2208H28.1728C28.247 11.2208 28.2587 11.1856 28.247 11.1114L25.4384 3.31063C25.4267 3.24813 25.415 3.23641 25.3525 3.23641H23.665C23.6181 3.23641 23.5908 3.27156 23.5908 3.32235C23.5673 3.7325 23.5322 3.8575 23.4814 3.9786L20.9775 11.0997C20.9658 11.1856 20.9931 11.2208 21.0634 11.2208H22.2783C22.3525 11.2208 22.3876 11.1973 22.415 11.1231L23.0829 9.11922H25.9853ZM23.4697 7.795C23.8369 6.68563 24.3212 5.26375 24.5165 4.45125H24.5283C24.7705 5.30281 25.3408 6.99031 25.5986 7.795H23.4697Z"
                fill="white"
              />
              <path
                d="M31.8577 11.3419C32.5881 11.3419 33.3655 11.2091 34.1545 10.8692C34.217 10.8458 34.2288 10.8184 34.2288 10.7598C34.2053 10.5411 34.178 10.2247 34.178 9.9825V2.63875C34.178 2.59188 34.178 2.56844 34.1194 2.56844H32.7952C32.7444 2.56844 32.721 2.59188 32.721 2.65438V5.14266C32.5139 5.11922 32.3694 5.1075 32.1975 5.1075C30.0608 5.1075 28.7483 6.51766 28.7483 8.27938C28.7483 10.3223 30.0959 11.3419 31.8577 11.3419ZM32.7209 9.9825C32.5022 10.0528 32.26 10.0802 32.0139 10.0802C31.0452 10.0802 30.2522 9.53328 30.2522 8.20516C30.2522 7.02938 31.0686 6.33406 32.1506 6.33406C32.3694 6.33406 32.5608 6.3575 32.7209 6.42V9.9825Z"
                fill="white"
              />
              <path
                d="M38.4532 5.1075C36.629 5.1075 35.5001 6.50594 35.5001 8.2325C35.5001 9.77547 36.3986 11.3419 38.4259 11.3419C40.1407 11.3419 41.3439 10.0802 41.3439 8.19344C41.3439 6.52938 40.3243 5.1075 38.4532 5.1075ZM38.379 6.33406C39.4103 6.33406 39.8478 7.22078 39.8478 8.2325C39.8478 9.4825 39.2032 10.1036 38.4532 10.1036C37.5275 10.1036 36.9806 9.32625 36.9806 8.20516C36.9806 7.05281 37.5626 6.33406 38.379 6.33406Z"
                fill="white"
              />
              <path
                d="M42.713 2.56844C42.6622 2.56844 42.6271 2.59188 42.6271 2.65438V10.9669C42.6271 11.002 42.6622 11.0645 42.713 11.0763C43.295 11.2559 43.9044 11.3419 44.5333 11.3419C46.3341 11.3419 48.0841 10.2247 48.0841 7.97469C48.0841 6.34578 46.9669 5.1075 45.2169 5.1075C44.8146 5.1075 44.4396 5.17 44.1115 5.27938L44.0958 2.6661C44.0958 2.58016 44.0724 2.56844 43.9865 2.56844H42.713ZM46.588 8.12313C46.588 9.47078 45.6661 10.1036 44.67 10.1036C44.463 10.1036 44.2794 10.0919 44.1115 10.0411V6.49422C44.3029 6.42 44.5333 6.3575 44.9591 6.3575C45.92 6.3575 46.588 6.96688 46.588 8.12313Z"
                fill="white"
              />
              <path
                d="M53.026 8.56063C53.6197 8.56063 54.108 8.54891 54.276 8.50984C54.3385 8.49813 54.3619 8.47469 54.3737 8.42391C54.4088 8.2911 54.4244 8.01375 54.4244 7.67391C54.4244 6.51766 53.7291 5.1075 51.9323 5.1075C50.0963 5.1075 49.0768 6.60359 49.0768 8.29109C49.0768 9.78719 49.8658 11.3419 52.0768 11.3419C52.9049 11.3419 53.4401 11.2091 53.901 10.9903C53.9479 10.9669 53.9713 10.9278 53.9713 10.8575V9.84578C53.9713 9.78719 53.9362 9.77547 53.901 9.79891C53.4401 9.99422 52.9401 10.0919 52.3932 10.0919C51.1549 10.0919 50.5924 9.40828 50.5573 8.56063H53.026ZM50.5572 7.51375C50.6549 6.92 51.0299 6.27547 51.8697 6.27547C52.7955 6.27547 53.0377 7.05281 53.0377 7.40438C53.0377 7.41609 53.0377 7.46688 53.0377 7.50203C52.9869 7.51375 52.8307 7.51375 52.3697 7.51375H50.5572Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_488">
                <rect width="54.4245" height="14.3398" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[80px] text-white opacity-80 hidden lg:block"
            viewBox="0 0 291 80"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M213.883 7.24536C213.883 4.22963 216.39 1.78343 219.482 1.78343H284.051C287.144 1.78343 289.65 4.22963 289.65 7.24536V72.5695C289.65 75.5862 287.144 78.0314 284.051 78.0314H219.482C216.39 78.0314 213.883 75.5862 213.883 72.5695V7.24536Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M1.78564 65.6517H33.4055V55.2708H13.2285V15.665H1.78564V65.6517Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M49.4143 65.6517V31.2224H37.9704V65.6517H49.4143ZM43.6924 26.5216C47.6831 26.5216 50.167 23.8777 50.167 20.5716C50.0926 17.1942 47.6831 14.6247 43.7685 14.6247C39.8533 14.6247 37.2938 17.1942 37.2938 20.5716C37.2938 23.8777 39.7772 26.5216 43.6177 26.5216H43.6924Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M54.7278 65.6517H66.1718V46.4244C66.1718 45.3953 66.2461 44.3674 66.5488 43.6318C67.3756 41.5768 69.2585 39.4474 72.42 39.4474C76.5614 39.4474 78.2181 42.6058 78.2181 47.2313V65.6517H89.6609V45.9099C89.6609 35.3344 84.0146 30.4135 76.4853 30.4135C70.3122 30.4135 67.6015 33.8643 66.0955 36.2147H66.172V31.2224H54.728C54.8783 34.4532 54.7278 65.6517 54.7278 65.6517Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M105.805 15.665H94.3606V65.6517H105.805V54.4894L108.665 50.8889L117.624 65.6517H131.703L116.646 44.2797L129.821 29.739H116.044C116.044 29.739 106.633 42.7484 105.805 44.2909V15.665Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M162.307 51.2903C162.457 50.4059 162.683 48.7096 162.683 46.7922C162.683 37.8917 158.165 28.8567 146.27 28.8567C133.547 28.8567 127.674 38.9197 127.674 48.0463C127.674 59.3349 134.827 66.3852 147.324 66.3852C152.293 66.3852 156.885 65.6517 160.65 64.1092L159.144 56.5515C156.057 57.5754 152.895 58.0869 148.981 58.0869C143.635 58.0869 138.968 55.8933 138.591 51.2169L162.307 51.2882V51.2903ZM138.516 43.5482C138.817 40.6099 140.775 36.2758 145.669 36.2758C150.862 36.2758 152.068 40.9044 152.068 43.5482H138.516Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M190.93 15.665V32.9687H190.78C189.123 30.547 185.659 28.9311 181.068 28.9311C172.259 28.9311 164.505 35.9814 164.58 48.0249C164.58 59.1893 171.582 66.4596 180.315 66.4596C185.058 66.4596 189.575 64.4026 191.833 60.4363H192.06L192.511 65.6517H202.676C202.525 63.2279 202.373 59.0415 202.373 54.9295V15.665H190.93ZM190.93 49.7152C190.93 50.5954 190.855 51.4777 190.704 52.2113C190.027 55.3697 187.316 57.5724 184.004 57.5724C179.261 57.5724 176.174 53.7538 176.174 47.7315C176.174 42.077 178.81 37.5239 184.079 37.5239C187.617 37.5239 190.102 39.9467 190.78 42.9573C190.93 43.6195 190.93 44.3541 190.93 45.0143V49.7152Z"
              fill="white"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M236.851 65.6109V31.1807H225.407V65.6109H236.851ZM231.129 26.4798C235.119 26.4798 237.603 23.8359 237.603 20.5319C237.529 17.1535 235.119 14.583 231.204 14.583C227.29 14.583 224.73 17.1535 224.73 20.5319C224.73 23.8359 227.214 26.4798 231.054 26.4798H231.129Z"
              fill="#1E2B3A"
            />
            <path
              fillRule="evenodd"
              clipRule="evenodd"
              d="M243.183 65.6109H254.627V46.3836C254.627 45.3546 254.701 44.3266 255.003 43.591C255.831 41.535 257.714 39.4057 260.875 39.4057C265.016 39.4057 266.673 42.563 266.673 47.1915V65.6109H278.116V45.8691C278.116 35.2937 272.47 30.3727 264.941 30.3727C258.767 30.3727 256.057 33.8235 254.551 36.1739H254.627V31.1807H243.183C243.333 34.4114 243.183 65.6109 243.183 65.6109Z"
              fill="#1E2B3A"
            />
          </svg>
          <svg
            className="w-[100px] text-white opacity-80 hidden md:block"
            viewBox="0 0 1000 197"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_519)">
              <path
                d="M116 37L58 74L116 111L58 148L0 110.8L58 73.8L0 37L58 0L116 37ZM57.7 159.9L115.7 122.9L173.7 159.9L115.7 196.9L57.7 159.9ZM116 110.8L174 73.8L116 37L173.7 0L231.7 37L173.7 74L231.7 111L173.7 148L116 110.8Z"
                fill="white"
              />
              <path
                d="M277.2 37H324.1C354 37 378.7 54.3 378.7 93.8V102.1C378.7 141.9 355.6 159.8 325 159.8H277.2V37ZM303.4 59.3V137.4H323.5C340.5 137.4 351.9 126.3 351.9 101.6V95.1C351.9 70.4 339.9 59.3 322.6 59.3H303.4ZM392.6 60.5H413.6L417 83.6C421 67.9 431.2 59.5 449.7 59.5H456.2V86H445.4C424.1 86 418.9 93.4 418.9 114.4V160.1H393V60.5H392.6ZM461.4 112.3V109.5C461.4 76.2 482.7 58 511.7 58C541.3 58 562 76.2 562 109.5V112.3C562 145 541.9 162.6 511.7 162.6C479.6 162.3 461.4 145.1 461.4 112.3ZM535.5 112V109.5C535.5 91 526.2 79.9 511.4 79.9C496.9 79.9 487.3 90.1 487.3 109.5V112C487.3 129.9 496.6 140.1 511.4 140.1C526.2 139.8 535.5 129.9 535.5 112ZM575.6 60.5H597.2L599.7 79.3C604.9 66.7 616 58 632.4 58C657.7 58 674.4 76.2 674.4 109.9V112.7C674.4 145.4 655.9 162.7 632.4 162.7C616.7 162.7 605.9 155.6 600.6 144.2V194.5H575.3L575.6 60.5ZM648.1 112V109.8C648.1 90 637.9 80.2 624.3 80.2C609.8 80.2 600.2 91.3 600.2 109.8V111.7C600.2 129.3 609.5 140.4 624 140.4C638.9 140.1 648.1 130.6 648.1 112ZM712.7 141.7L710.5 159.9H688.3V27.2H713.6V78.1C719.2 65.1 730.3 58 746 58C769.8 58.3 787.4 74.7 787.4 107.7V110.8C787.4 143.8 770.7 162.7 745.4 162.7C728.7 162.3 717.9 154.6 712.7 141.7ZM760.8 110.8V108.3C760.8 90.1 750.9 79.9 737 79.9C722.8 79.9 712.9 91.3 712.9 108.6V110.8C712.9 129.3 722.5 140.1 736.7 140.1C751.9 140.1 760.8 130.6 760.8 110.8ZM798.5 112.3V109.5C798.5 76.2 819.8 58 848.8 58C878.4 58 899.1 76.2 899.1 109.5V112.3C899.1 145 878.7 162.6 848.8 162.6C816.7 162.3 798.5 145.1 798.5 112.3ZM872.8 112V109.5C872.8 91 863.5 79.9 848.7 79.9C834.2 79.9 824.6 90.1 824.6 109.5V112C824.6 129.9 833.9 140.1 848.7 140.1C863.6 139.8 872.8 129.9 872.8 112ZM933 108.3L898.1 60.5H928L948.1 90.4L968.5 60.5H998.1L962.7 108L1000 159.9H970.7L947.9 126.9L925.7 159.9H895.1L933 108.3Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_519">
                <rect width="1000" height="196.9" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[100px] text-white opacity-80 hidden md:block"
            viewBox="0 0 540 67"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_526)">
              <path
                d="M19.636 30.5185C19.4395 30.2612 19.1799 30.0589 18.8823 29.9313C18.5847 29.8037 18.2591 29.7552 17.9372 29.7904C17.6153 29.8256 17.308 29.9434 17.045 30.1323C16.782 30.3211 16.5722 30.5748 16.436 30.8685L0.206018 63.3285C0.0577694 63.624 -0.0125175 63.9525 0.00182774 64.2827C0.016173 64.613 0.114675 64.9341 0.287985 65.2156C0.461295 65.4971 0.703665 65.7297 0.992094 65.8912C1.28052 66.0527 1.60544 66.1379 1.93602 66.1385H24.536C24.9019 66.1455 25.2617 66.045 25.571 65.8495C25.8803 65.654 26.1254 65.372 26.276 65.0385C31.146 55.0385 28.196 39.6685 19.636 30.5185Z"
                fill="white"
              />
              <path
                d="M31.5461 1.03855C27.5001 7.26276 25.1423 14.4321 24.704 21.8428C24.2657 29.2535 25.762 36.6508 29.0461 43.3085L39.9961 65.0385C40.1557 65.3614 40.4021 65.6335 40.7077 65.8242C41.0132 66.015 41.3659 66.1169 41.7261 66.1185H64.3261C64.6428 66.0924 64.9488 65.9911 65.2187 65.8231C65.4885 65.6551 65.7144 65.4252 65.8777 65.1525C66.0409 64.8798 66.1368 64.572 66.1574 64.2548C66.178 63.9376 66.1227 63.6201 65.9961 63.3285L34.8461 1.03855C34.6969 0.727523 34.4628 0.465 34.1709 0.281249C33.8789 0.097497 33.541 0 33.1961 0C32.8511 0 32.5132 0.097497 32.2212 0.281249C31.9293 0.465 31.6952 0.727523 31.5461 1.03855Z"
                fill="white"
              />
              <path
                d="M509.006 35.6385L525.416 66.1385H539.996V11.6985H528.396V46.8285L524.006 36.6385L510.826 11.6985H492.516V66.1385H504.116V24.6185L509.006 35.6385Z"
                fill="white"
              />
              <path
                d="M418.736 11.6985H406.056V66.1385H418.736V11.6985Z"
                fill="white"
              />
              <path
                d="M391.426 50.0385C391.426 40.5085 386.376 36.0385 372.116 32.9685C364.246 31.2285 362.346 29.4885 362.346 26.9685C362.346 23.8185 365.156 22.4885 370.346 22.4885C376.646 22.4885 382.866 24.3985 388.746 27.0485V14.5985C383.1 12.0275 376.949 10.7531 370.746 10.8685C356.656 10.8685 349.366 16.9985 349.366 27.0285C349.366 35.0285 353.096 41.4385 367.676 44.2585C376.376 46.0785 378.206 47.4885 378.206 50.3885C378.206 53.2885 376.376 55.0285 370.206 55.0285C362.8 54.8932 355.542 52.9319 349.076 49.3185V62.4085C353.466 64.5585 359.266 66.9585 370.076 66.9585C385.316 66.9585 391.366 60.1685 391.366 50.0585"
                fill="white"
              />
              <path
                d="M338.646 50.0385C338.646 40.5085 333.646 36.0385 319.346 32.9685C311.476 31.2285 309.566 29.4885 309.566 26.9685C309.566 23.8185 312.386 22.4885 317.566 22.4885C323.866 22.4885 330.076 24.3985 335.956 27.0485V14.5985C330.31 12.0275 324.159 10.7531 317.956 10.8685C303.876 10.8685 296.576 16.9985 296.576 27.0285C296.576 35.0285 300.306 41.4385 314.896 44.2585C323.596 46.0785 325.416 47.4885 325.416 50.3885C325.416 53.2885 323.596 55.0285 317.416 55.0285C310.01 54.8932 302.752 52.9319 296.286 49.3185V62.4085C300.686 64.5585 306.486 66.9585 317.286 66.9585C332.536 66.9585 338.576 60.1685 338.576 50.0585"
                fill="white"
              />
              <path
                d="M210.916 54.3685V11.6985H198.156V66.1385H224.216L228.316 54.3685H210.916Z"
                fill="white"
              />
              <path
                d="M173.516 66.1385V23.4585H188.596V11.6985H146.666V23.4585H160.756V66.1385H173.516Z"
                fill="white"
              />
              <path
                d="M128.166 11.6985H111.446L92.446 66.1385H106.996L109.696 56.9685C116.323 58.9159 123.369 58.9159 129.996 56.9685L132.686 66.1385H147.186L128.166 11.6985ZM119.806 47.1585C117.437 47.162 115.079 46.8252 112.806 46.1585L119.806 22.3985L126.806 46.1585C124.532 46.8245 122.175 47.1613 119.806 47.1585Z"
                fill="white"
              />
              <path
                d="M269.136 11.6985H252.416L233.416 66.1385H247.916L250.616 56.9685C257.243 58.9159 264.289 58.9159 270.916 56.9685L273.606 66.1385H288.106L269.136 11.6985ZM260.776 47.1585C258.407 47.1628 256.049 46.826 253.776 46.1585L260.776 22.3985L267.776 46.1585C265.503 46.8261 263.145 47.1629 260.776 47.1585Z"
                fill="white"
              />
              <path
                d="M464.416 11.6985H447.696L428.696 66.1385H443.196L445.886 56.9685C452.513 58.9159 459.56 58.9159 466.186 56.9685L468.876 66.1385H483.386L464.416 11.6985ZM456.056 47.1585C453.687 47.1613 451.33 46.8245 449.056 46.1585L456.056 22.3985L463.056 46.1585C460.782 46.8245 458.425 47.1613 456.056 47.1585Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_526">
                <rect width="539.996" height="66.9585" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[80px] text-white opacity-80 hidden lg:block"
            viewBox="0 0 559 168"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_538)">
              <path
                d="M83.9961 0.276978C37.7471 0.276978 0.253052 37.77 0.253052 84.019C0.253052 130.27 37.7471 167.76 83.9961 167.76C130.25 167.76 167.74 130.27 167.74 84.019C167.74 37.773 130.25 0.280978 83.9951 0.280978L83.9961 0.276978ZM122.4 121.057C120.9 123.517 117.68 124.297 115.22 122.787C95.5581 110.777 70.8061 108.057 41.6561 114.717C38.8471 115.357 36.0471 113.597 35.4071 110.787C34.7641 107.977 36.5171 105.177 39.3331 104.537C71.2331 97.249 98.5961 100.387 120.67 113.877C123.13 115.387 123.91 118.597 122.4 121.057ZM132.65 98.255C130.76 101.327 126.74 102.297 123.67 100.407C101.16 86.571 66.8471 82.564 40.2221 90.646C36.7691 91.689 33.1221 89.743 32.0741 86.296C31.0341 82.843 32.9811 79.203 36.4281 78.153C66.8411 68.925 104.65 73.395 130.5 89.28C133.57 91.17 134.54 95.189 132.65 98.255ZM133.53 74.511C106.54 58.48 62.0101 57.006 36.2411 64.827C32.1031 66.082 27.7271 63.746 26.4731 59.608C25.2191 55.468 27.5531 51.095 31.6941 49.837C61.2751 40.857 110.45 42.592 141.524 61.039C145.254 63.248 146.474 68.055 144.264 71.772C142.064 75.494 137.244 76.721 133.534 74.511H133.53ZM228.09 77.583C213.63 74.135 211.06 71.715 211.06 66.63C211.06 61.826 215.58 58.593 222.31 58.593C228.83 58.593 235.29 61.048 242.07 66.102C242.27 66.255 242.53 66.316 242.78 66.276C243.04 66.238 243.26 66.099 243.41 65.89L250.47 55.938C250.76 55.528 250.68 54.963 250.29 54.65C242.22 48.177 233.14 45.03 222.52 45.03C206.91 45.03 196 54.399 196 67.804C196 82.179 205.41 87.269 221.67 91.198C235.5 94.385 237.84 97.055 237.84 101.827C237.84 107.117 233.12 110.407 225.52 110.407C217.08 110.407 210.19 107.557 202.49 100.897C202.3 100.727 202.04 100.657 201.8 100.667C201.54 100.687 201.31 100.807 201.15 100.997L193.23 110.417C192.9 110.817 192.94 111.397 193.32 111.737C202.28 119.737 213.3 123.957 225.2 123.957C242.02 123.957 252.89 114.767 252.89 100.537C252.92 88.53 245.73 81.88 228.12 77.596L228.09 77.583ZM290.95 63.323C283.66 63.323 277.68 66.195 272.74 72.08V65.456C272.74 64.933 272.32 64.507 271.8 64.507H258.85C258.33 64.507 257.91 64.933 257.91 65.456V139.057C257.91 139.577 258.33 140.007 258.85 140.007H271.8C272.32 140.007 272.74 139.577 272.74 139.057V115.827C277.68 121.357 283.66 124.067 290.95 124.067C304.5 124.067 318.22 113.637 318.22 93.698C318.24 73.755 304.52 63.322 290.96 63.322L290.95 63.323ZM303.16 93.698C303.16 103.847 296.91 110.937 287.95 110.937C279.1 110.937 272.42 103.527 272.42 93.698C272.42 83.868 279.1 76.46 287.95 76.46C296.76 76.459 303.16 83.708 303.16 93.698ZM353.37 63.323C335.92 63.323 322.25 76.759 322.25 93.915C322.25 110.887 335.83 124.177 353.16 124.177C370.67 124.177 384.38 110.787 384.38 93.698C384.38 76.667 370.76 63.325 353.37 63.325V63.323ZM353.37 111.037C344.09 111.037 337.09 103.577 337.09 93.693C337.09 83.764 343.85 76.559 353.16 76.559C362.5 76.559 369.54 84.016 369.54 93.91C369.54 103.837 362.74 111.037 353.37 111.037ZM421.64 64.507H407.39V49.941C407.39 49.419 406.97 48.993 406.45 48.993H393.5C392.98 48.993 392.55 49.419 392.55 49.941V64.507H386.33C385.81 64.507 385.39 64.933 385.39 65.456V76.583C385.39 77.105 385.81 77.532 386.33 77.532H392.55V106.327C392.55 117.957 398.34 123.857 409.77 123.857C414.41 123.857 418.26 122.897 421.89 120.837C422.19 120.677 422.37 120.357 422.37 120.017V109.417C422.37 109.097 422.2 108.787 421.92 108.617C421.64 108.437 421.29 108.427 421 108.577C418.51 109.827 416.1 110.407 413.4 110.407C409.25 110.407 407.39 108.517 407.39 104.297V77.537H421.64C422.16 77.537 422.58 77.111 422.58 76.588V65.462C422.6 64.939 422.18 64.513 421.65 64.513L421.64 64.507ZM471.28 64.564V62.775C471.28 57.512 473.3 55.165 477.82 55.165C480.52 55.165 482.69 55.701 485.12 56.511C485.42 56.605 485.73 56.558 485.97 56.379C486.22 56.2 486.36 55.913 486.36 55.609V44.699C486.36 44.282 486.1 43.913 485.69 43.79C483.13 43.027 479.85 42.244 474.93 42.244C462.98 42.244 456.65 48.978 456.65 61.711V64.451H450.43C449.91 64.451 449.48 64.877 449.48 65.399V76.583C449.48 77.105 449.91 77.532 450.43 77.532H456.65V121.937C456.65 122.467 457.08 122.887 457.6 122.887H470.54C471.07 122.887 471.49 122.467 471.49 121.937V77.535H483.58L502.1 121.937C500 126.597 497.93 127.527 495.11 127.527C492.83 127.527 490.42 126.847 487.97 125.497C487.74 125.377 487.46 125.357 487.22 125.427C486.97 125.517 486.76 125.697 486.66 125.937L482.27 135.567C482.06 136.027 482.24 136.557 482.68 136.797C487.26 139.277 491.39 140.337 496.5 140.337C506.06 140.337 511.35 135.877 516 123.897L538.46 65.86C538.58 65.568 538.54 65.238 538.36 64.979C538.19 64.722 537.9 64.567 537.59 64.567H524.11C523.7 64.567 523.34 64.824 523.21 65.203L509.4 104.637L494.28 65.177C494.14 64.81 493.79 64.567 493.4 64.567H471.28V64.564ZM442.5 64.507H429.55C429.03 64.507 428.6 64.933 428.6 65.456V121.937C428.6 122.467 429.03 122.887 429.55 122.887H442.5C443.02 122.887 443.45 122.467 443.45 121.937V65.46C443.45 64.937 443.03 64.511 442.5 64.511V64.507ZM436.1 38.788C430.97 38.788 426.81 42.94 426.81 48.069C426.81 53.201 430.97 57.358 436.1 57.358C441.23 57.358 445.38 53.201 445.38 48.069C445.38 42.941 441.22 38.788 436.1 38.788ZM549.52 82.668C544.4 82.668 540.41 78.553 540.41 73.556C540.41 68.559 544.45 64.397 549.57 64.397C554.69 64.397 558.68 68.511 558.68 73.504C558.68 78.501 554.64 82.668 549.52 82.668ZM549.57 65.303C544.9 65.303 541.37 69.013 541.37 73.556C541.37 78.097 544.88 81.757 549.52 81.757C554.19 81.757 557.72 78.05 557.72 73.504C557.72 68.963 554.21 65.303 549.57 65.303ZM551.59 74.441L554.17 78.049H551.99L549.67 74.739H547.68V78.049H545.86V68.485H550.12C552.35 68.485 553.81 69.622 553.81 71.536C553.82 73.104 552.91 74.062 551.6 74.441H551.59ZM550.05 70.126H547.68V73.151H550.05C551.23 73.151 551.94 72.572 551.94 71.637C551.94 70.653 551.23 70.126 550.05 70.126Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_538">
                <rect width="559" height="168" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[50px] text-white opacity-80 hidden lg:block"
            viewBox="0 0 927 322"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g clipPath="url(#clip0_19_540)">
              <path
                d="M53.328 229.809C57.245 240.204 62.668 249.092 69.598 256.473C76.528 263.855 84.738 269.504 94.228 273.421C103.719 277.338 114.038 279.296 125.186 279.296C136.033 279.296 146.201 277.262 155.692 273.194C165.183 269.126 173.468 263.402 180.548 256.021C187.628 248.639 193.127 239.827 197.044 229.583C200.961 219.339 202.919 207.891 202.919 195.236V0H250.372V316.354H203.371V286.978C192.826 298.125 180.397 306.712 166.086 312.739C151.774 318.764 136.334 321.777 119.763 321.777C102.89 321.777 87.148 318.839 72.535 312.964C57.923 307.089 45.268 298.729 34.573 287.882C23.878 277.035 15.441 264.006 9.265 248.79C3.088 233.575 0 216.628 0 197.947V0H47.453V195.236C47.453 207.891 49.411 219.414 53.328 229.809Z"
                fill="white"
              />
              <path
                d="M332.168 0V115.243C342.713 104.698 354.916 96.338 368.775 90.161C382.634 83.984 397.699 80.896 413.968 80.896C430.841 80.896 446.657 84.059 461.421 90.386C476.184 96.713 488.988 105.3 499.835 116.147C510.682 126.994 519.269 139.798 525.596 154.561C531.923 169.325 535.086 184.992 535.086 201.563C535.086 218.133 531.923 233.725 525.596 248.337C519.269 262.95 510.682 275.68 499.835 286.525C488.988 297.372 476.184 305.959 461.421 312.286C446.657 318.613 430.84 321.776 413.968 321.776C397.698 321.776 382.559 318.688 368.549 312.511C354.539 306.335 342.261 297.974 331.716 287.429V316.353H286.523V0H332.168ZM337.365 232.746C341.432 242.388 347.082 250.824 354.313 258.055C361.544 265.286 369.98 271.011 379.621 275.229C389.263 279.447 399.657 281.556 410.805 281.556C421.652 281.556 431.895 279.447 441.536 275.229C451.177 271.011 459.537 265.287 466.619 258.055C473.699 250.825 479.348 242.388 483.566 232.746C487.784 223.105 489.893 212.711 489.893 201.563C489.893 190.415 487.784 179.945 483.566 170.153C479.348 160.361 473.699 151.85 466.619 144.619C459.538 137.389 451.178 131.739 441.536 127.672C431.894 123.605 421.651 121.57 410.805 121.57C399.959 121.57 389.715 123.604 380.074 127.672C370.433 131.74 361.997 137.389 354.765 144.619C347.535 151.85 341.81 160.361 337.592 170.153C333.374 179.945 331.265 190.415 331.265 201.563C331.264 212.711 333.298 223.105 337.365 232.746Z"
                fill="white"
              />
              <path
                d="M560.842 155.014C566.867 140.552 575.154 127.823 585.698 116.826C596.242 105.829 608.747 97.167 623.209 90.84C637.671 84.513 653.338 81.35 670.21 81.35C686.781 81.35 702.147 84.363 716.308 90.388C730.468 96.414 742.67 104.775 752.914 115.471C763.158 126.166 771.143 138.821 776.866 153.433C782.591 168.046 785.453 183.939 785.453 201.113V216.027H597.901C599.408 225.367 602.421 234.029 606.94 242.012C611.46 249.996 617.108 256.926 623.887 262.801C630.666 268.677 638.349 273.272 646.936 276.585C655.523 279.899 664.636 281.557 674.278 281.557C701.696 281.557 723.841 270.258 740.713 247.661L773.704 272.065C762.255 287.431 748.095 299.483 731.223 308.22C714.35 316.957 695.369 321.326 674.279 321.326C657.105 321.326 641.062 318.312 626.148 312.287C611.234 306.262 598.279 297.825 587.282 286.978C576.285 276.131 567.623 263.402 561.296 248.79C554.969 234.178 551.805 218.284 551.805 201.111C551.803 184.842 554.817 169.476 560.842 155.014ZM624.339 137.162C611.534 147.858 603.023 162.094 598.805 179.87H739.357C735.44 162.094 727.079 147.858 714.274 137.162C701.469 126.467 686.48 121.119 669.307 121.119C652.133 121.119 637.144 126.467 624.339 137.162Z"
                fill="white"
              />
              <path
                d="M870.866 142.359C861.225 152.904 856.404 167.215 856.404 185.293V316.355H810.758V85.868H855.951V114.34C861.676 105 869.133 97.618 878.322 92.195C887.511 86.771 898.433 84.059 911.088 84.059H926.905V126.541H907.924C892.86 126.542 880.507 131.814 870.866 142.359Z"
                fill="white"
              />
            </g>
            <defs>
              <clipPath id="clip0_19_540">
                <rect width="926.906" height="321.777" fill="white" />
              </clipPath>
            </defs>
          </svg>
          <svg
            className="w-[60px] text-white opacity-80 hidden lg:block"
            viewBox="0 0 700 295"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M602.181 128.59C590.482 131.29 559.584 132.79 559.584 132.79L555.784 144.989C555.784 144.989 571.083 143.689 582.282 144.789C582.282 144.789 585.882 144.489 586.282 148.789C586.482 153.188 585.982 157.788 585.982 157.788C585.982 157.788 585.682 160.488 581.982 161.188C577.682 161.888 548.685 163.187 548.685 163.187L543.985 178.986C543.985 178.986 542.285 182.586 546.185 181.586C549.785 180.586 580.182 174.787 584.182 175.587C588.382 176.586 593.181 182.386 591.781 187.586C590.182 193.885 559.784 213.284 541.385 211.984C541.385 211.984 531.686 212.584 523.587 199.485C515.787 186.986 526.286 163.487 526.286 163.487C526.286 163.487 521.587 152.488 525.086 148.489C525.086 148.489 527.086 146.789 533.086 146.289L540.585 130.89C540.585 130.89 532.086 131.39 527.086 125.19C522.487 119.191 522.087 116.591 525.686 114.991C529.486 112.991 564.684 106.692 588.882 107.492C588.882 107.492 597.381 106.492 604.88 121.191C604.88 121.191 608.28 127.19 602.281 128.59M510.988 187.786C507.988 195.085 499.688 202.784 489.689 198.085C479.49 193.285 463.391 160.488 463.391 160.488C463.391 160.488 457.392 148.289 456.192 148.689C456.192 148.689 454.892 146.289 454.192 159.688C453.192 172.987 454.392 198.885 448.892 202.984C443.893 206.984 437.893 205.284 434.493 200.585C431.694 195.885 430.494 184.586 432.094 164.887C433.894 145.189 438.393 124.19 444.093 117.691C450.092 111.091 454.892 115.891 456.692 117.691C456.692 117.691 464.391 124.69 477.39 145.389L479.59 149.189C479.59 149.189 491.389 168.887 492.589 168.787C492.589 168.787 493.589 169.787 494.389 168.987C495.589 168.687 495.189 162.288 495.189 162.288C495.189 162.288 492.989 140.989 481.99 104.992C481.99 104.992 480.39 100.392 481.49 95.9926C482.49 91.9929 486.789 93.9928 486.789 93.9928C486.789 93.9928 503.388 101.992 511.488 128.99C519.487 155.988 514.087 180.486 511.088 187.786M429.594 118.491C427.994 121.291 427.294 125.19 420.395 126.29C420.395 126.29 353.4 130.99 350.1 135.69C350.1 135.69 347.9 138.489 351.5 139.189C355.3 139.989 370.498 141.989 377.698 142.389C385.497 142.389 411.695 142.589 421.294 154.388C421.294 154.388 426.794 159.988 426.594 172.687C426.394 185.686 424.094 190.285 418.995 194.985C413.695 199.385 368.299 219.783 339.001 188.586C339.001 188.586 325.602 173.587 343.7 162.188C343.7 162.188 356.699 154.188 389.997 163.487C389.997 163.487 399.996 167.087 399.596 170.787C398.996 174.787 391.297 178.786 380.098 178.586C369.298 178.286 361.299 173.087 362.899 173.987C364.399 174.487 351.2 167.587 347.1 172.287C343.1 176.686 344.1 179.286 348.1 181.986C358.099 187.786 397.396 185.686 409.095 172.587C409.095 172.587 413.795 167.287 406.696 162.987C399.696 158.988 379.298 156.488 371.398 156.188C363.899 155.788 335.801 156.188 331.601 148.889C331.601 148.889 327.602 143.689 332.001 129.49C336.601 114.491 369.298 108.692 383.497 107.492C383.497 107.492 422.494 105.892 429.794 113.891C429.794 113.891 430.794 115.691 429.594 118.391M319.002 206.384C314.303 209.884 304.303 208.384 301.404 204.384C298.604 200.885 297.604 187.086 298.104 165.387C298.804 143.189 299.104 115.991 304.103 111.591C309.103 107.292 312.103 111.091 314.103 113.991C316.103 116.991 318.702 120.291 319.102 127.19C319.702 134.19 321.402 170.187 321.402 170.187C321.402 170.187 323.602 202.984 319.102 206.384M329.002 89.3931C315.203 94.0928 305.803 92.5929 297.804 89.0932C294.304 95.3927 292.204 97.2925 289.605 97.6925C285.605 98.0925 282.105 91.693 281.605 89.6931C280.805 88.1932 278.905 85.4934 281.205 79.3939C273.406 72.3944 272.806 62.9952 274.206 56.6956C276.006 49.2962 289.205 21.4983 329.202 18.1986C329.202 18.1986 348.8 16.7987 352.2 27.1979H352.8C352.8 27.1979 371.798 27.1979 371.398 44.1966C371.398 61.1953 350.4 82.3937 329.002 89.6931M346.8 40.9968C334.201 42.9967 314.803 59.7954 305.503 73.6943C319.802 76.2941 344.8 75.2942 355.999 52.696C355.999 52.696 361.299 38.497 346.8 40.9968ZM291.504 51.996C287.505 58.4955 287.305 62.3952 289.205 64.995C293.904 57.9955 302.204 46.9964 314.703 38.3971C305.103 39.397 297.004 43.3967 291.504 51.996ZM632.178 205.684C622.979 228.282 615.18 251.181 610.68 285.478C610.68 285.478 609.68 292.178 604.18 289.978C598.681 287.978 589.682 278.979 587.682 266.28C585.682 249.681 593.081 221.683 608.18 189.485C603.78 182.486 600.681 172.087 603.181 157.488C603.181 157.488 607.18 130.49 634.178 106.092C634.178 106.092 637.378 103.392 639.178 104.292C641.378 105.292 640.478 113.891 638.678 118.291C637.078 122.491 625.079 143.289 625.079 143.289C625.079 143.289 617.579 157.488 619.679 168.587C633.878 146.789 666.176 102.592 686.174 116.591C698.873 125.59 698.873 154.588 689.374 171.387C681.875 184.686 660.676 212.184 632.378 205.784M673.975 137.789C666.576 145.789 653.377 160.988 642.977 181.586C653.977 180.386 664.676 174.287 667.976 171.187C673.275 166.487 685.474 153.788 683.574 136.989C683.574 136.989 682.374 128.19 673.975 137.789ZM226.009 217.483C190.612 228.282 157.215 223.283 139.016 218.483C138.516 225.883 137.716 228.982 136.516 230.182C135.116 231.782 123.517 238.382 117.118 228.982C114.318 224.483 112.918 216.383 112.118 208.984C71.1213 190.385 52.1228 162.987 51.5228 161.988C50.5229 160.988 41.2236 151.288 50.5229 139.289C59.2223 128.49 88.02 117.591 113.818 113.291C114.818 91.293 117.218 74.2943 120.318 66.7949C124.017 57.7956 128.717 65.7949 132.917 71.7945C136.316 76.2941 138.416 95.5927 138.616 110.991C155.415 110.192 165.614 111.391 184.313 114.991C208.911 119.191 225.31 131.79 224.01 145.989C222.81 159.988 210.011 165.787 205.011 166.187C200.011 166.587 192.012 162.887 192.012 162.887C186.412 160.288 191.512 157.888 198.012 155.088C205.211 151.588 203.611 148.089 203.611 148.089C201.011 140.089 169.114 134.79 137.416 134.79C137.416 152.288 138.116 181.286 138.616 198.185C160.814 202.384 177.413 201.485 177.413 201.485C177.413 201.485 258.407 199.185 260.707 147.489C263.207 95.6927 179.713 46.0965 118.218 30.4977C56.8224 14.3989 22.0251 25.798 19.0253 27.2979C15.7256 28.8978 18.7254 29.4977 18.7254 29.4977C18.7254 29.4977 22.0251 29.9977 28.0246 31.9975C34.0242 33.9974 29.2246 36.9972 29.2246 36.9972C18.7254 40.5969 7.02626 38.497 4.72644 33.6974C2.42661 28.9978 6.22632 24.6981 10.726 18.3986C14.9257 11.8991 19.7253 12.0991 19.7253 12.0991C95.7195 -14.3989 188.512 33.0975 188.512 33.0975C275.306 76.8941 290.105 128.39 288.505 148.389C287.105 168.087 279.505 201.385 226.009 217.583M59.0223 145.989C50.4229 149.988 56.4225 156.388 56.4225 156.388C72.6212 173.687 92.4197 184.586 111.418 191.385C113.618 161.388 113.418 150.688 113.418 135.59C84.0204 137.589 67.0217 142.389 59.0223 145.989Z"
              fill="white"
            />
          </svg>
        </div>
      </div>
    </AnimatePresence>
  );
}
